html {
  margin: 1%;
  padding: 1%;
  height:170%;
  background-image:url(../images/creepy.png);
  border: 20px solid rgb(255, 0, 0) ;
  
}

h1{
  width: 100%;
  font-size: 5em;
position: static;
background-color: rgb(206, 0, 0);
font-family: 'old english text mt', 'Arial Narrow', Arial, sans-serif;
display: flex;
color: rgb(255, 255, 255);
}

html, body {
  display: flex;

}

h2{
  position:relative;
  width: 100%;
  top:2%;
  font-size: 4em;
  font-family: 'old english text mt', 'Arial Narrow', Arial, sans-serif;
  color: rgb(255, 255, 255);
}

#images{
  position: absolute;
  width: 100%;
  left: 10%;
  align-items: center;
  top:55%;
}

p{
position:relative;
font-size: 3em;
font-family: 'old english text mt', 'Arial Narrow', Arial, sans-serif;
color: rgb(255, 255, 255);
}